<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动中</title>
</head>

<body class="running over-y container">

    <div class="line-one df jsb acenter">
        <div class="action cfff">
            <span class="f16">户外跑</span>
            <p class="f24">运动中</p>
        </div>
        <div class="icon">
            <i class="iconfont icon-yinle one  cfff"></i>
            <i class="iconfont icon-shezhi1"></i>
        </div>
    </div>

    <div class="line-two tcenter cfff mt20">
        <b>99.99</b>
        <span class="f20">公里</span>
    </div>

    <div class="line-three df jsa acenter mt20">
        <div class="gps f14">GPS信号度低, 数据精准度低</div>
        <div class="dashed"></div>
        <i class="iconfont icon-ditu cfff"></i>
    </div>

    <div class="line-four df jsa acenter mt20">
        <div class="content df fdcolumn acenter">
            <i class="iconfont icon-yibiaopan cfff"></i>
            <span>配速</span>
            <p>----</p>
        </div>
        <div class="content df fdcolumn acenter">
            <i class="iconfont icon-shijian"></i>
            <span>用时</span>
            <p>----</p>
        </div>
        <div class="content df fdcolumn acenter">
            <i class="iconfont icon-huo"></i>
            <span>千卡</span>
            <p>----</p>
        </div>

    </div>
    <div class="line-five df jcenter acenter m10 rel" > 
        <div class="pause df fdcolumn acenter jcenter br50" id="suspend">
            <i class="iconfont icon-zanting"></i>
            <span class="f16" >暂停</span>
        </div>
        <div class="lock abs">
            <i class="iconfont icon-suoding_huaban"></i>
        </div>
    </div>

    <div class="line-six df jsa acenter m10" >
        <div class="continue df fdcolumn acenter jcenter br50" id="continue">
            <b class="iconfont icon-bofang cfff"></b>
            <span class="f16 cfff" >继续</span>
        </div>

        <div class="end df fdcolumn acenter jcenter br50" id="end">
            <b class="iconfont icon-jieshu cfff"></b>
            <span class="f16 cfff" >结束</span>
        </div>
    </div>
</body>

</html>